<template>
	<div class="boFangBody">
		<div class="bfLeft">
			<img :src="item.filmData.bannerImgUrl" alt="" />
		</div>
		
		<div class="bfCenter">
			<p>{{item.filmData.filmTiTle}}</p>
			<p>已看到10%</p>
		</div>
		<div class="bfRight">
			<img :src="bfImg" alt="" @click="changeUrl"/>
		    <p>{{item.filmData.details[0].figure_info}}</p>
		</div>
	</div>
</template>

<script>
	export default{
		name:"boFang",
		data(){
			return{
				videoImg:require("../../../../assets/images/dynamicState/self/video.png"),
				bfImg:require("../../../../assets/images/dynamicState/self/timg.jpg")
			}
		},
		props:["item","index"],
		methods:{
			changeUrl(){
				window.location.href = this.item.filmData.details[0].filmUrl;
			}
		}
	}
</script>

<style scoped lang="less">
@current:100rem;
.boFangBody{
	width:640/@current;
	border-bottom:1/@current solid #999;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background:white;
	.bfLeft{
		flex: 3;
		img{
			width:130/@current;
			height:100/@current;
			margin-left:20/@current;
			margin-top:20/@current;
		}
	}
	.bfCenter{
		flex:6;
		p{
			font-size:26/@current;
			color:#777777;
			line-height: 36/@current;
		}
	}
	.bfRight{
		flex:2;
		position: relative;
		img{
			width:40/@current;
			height:40/@current;
			position:absolute;
			top:-6/@current;
			left:20/@current;
		}
		p{
			font-size:24/@current;
			margin-top:36/@current;
			color:#999;
		}
	}
}	
</style>